/* line 1, ../sass/SocialPeoInfo.scss */
.PeoInfo {
  top: 0;
  width: 278px;
  min-height: 252px;
  background: #fff url(http://www.iplaystone.com/circle/img/peobg.png) no-repeat center top;
  margin-bottom: 20px;
}

/* line 8, ../sass/SocialPeoInfo.scss */
.PeoInfo-Hd {
  width: 73px;
  height: 73px;
  border: 2px solid #fff;
  border-radius: 50%;
  overflow: hidden;
  margin: 35px auto 15px;
}

/* line 16, ../sass/SocialPeoInfo.scss */
.PeoInfo-Hd img {
  width: 73px;
  height: 73px;
  border-radius: 50%;
}

/* line 21, ../sass/SocialPeoInfo.scss */
.PeoInfo-Name {
  display: inline-block;
  width: 100%;
  height: 20px;
  line-height: 20px;
  font-size: 16px;
  font-family: "Microsoft YaHei";
  color: #404040;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
}

/* line 33, ../sass/SocialPeoInfo.scss */
.PeoInfo-Name:hover {
  color: #0099e5;
}

/* line 36, ../sass/SocialPeoInfo.scss */
.PeoInfo-GoLogin {
  font-size: 24px;
  color: #333;
  width: 100%;
  text-align: center;
  margin: 30px auto;
}

/* line 43, ../sass/SocialPeoInfo.scss */
.PeoInfo h6 {
  font-size: 14px;
  font-family: "Microsoft YaHei";
  color: gray;
  height: 20px;
  overflow: hidden;
  width: 80%;
  margin: 0 auto;
  text-align: center;
  margin-top: 10px;
  line-height: 1.3;
  margin-bottom: 20px;
}

/* line 56, ../sass/SocialPeoInfo.scss */
.PeoInfo .span {
  height: 35px;
  width: 100%;
  text-align: center;
}

/* line 61, ../sass/SocialPeoInfo.scss */
.PeoInfo .span a {
  display: inline-block;
  height: 35px;
  width: 83px;
  text-align: center;
  font-size: 14px;
  font-family: "Microsoft YaHei";
  color: #4d4d4d;
}

/* line 70, ../sass/SocialPeoInfo.scss */
.PeoInfo .span a:hover {
  color: #0099e5;
}

/* line 73, ../sass/SocialPeoInfo.scss */
.PeoInfo .collection {
  border-right: 1px solid #eef0f1;
  border-left: 1px solid #eef0f1;
}

/* line 77, ../sass/SocialPeoInfo.scss */
.PeoInfo a span:first-child {
  display: inline-block;
  margin-bottom: 5px;
}

/* line 81, ../sass/SocialPeoInfo.scss */
.PeoInfo .home span:first-child {
  width: 100%;
  height: 16px;
  background: url(../../images/home.png) no-repeat center;
}

/* line 86, ../sass/SocialPeoInfo.scss */
.PeoInfo .collection span:first-child {
  width: 100%;
  height: 17px;
  background: url(../../images/sc.png) no-repeat center;
}

/* line 91, ../sass/SocialPeoInfo.scss */
.PeoInfo .qz span:first-child {
  width: 100%;
  height: 16px;
  background: url(../../images/sq.png) no-repeat center;
}

/* line 96, ../sass/SocialPeoInfo.scss */
.PeoInfo .home:hover span:first-child {
  width: 100%;
  height: 16px;
  background: url(../../images/home_hover.png) no-repeat center;
}

/* line 101, ../sass/SocialPeoInfo.scss */
.PeoInfo .collection:hover span:first-child {
  width: 100%;
  height: 17px;
  background: url(../../images/sc_hover.png) no-repeat center;
}

/* line 106, ../sass/SocialPeoInfo.scss */
.PeoInfo .qz:hover span:first-child {
  width: 100%;
  height: 16px;
  background: url(../../images/sq_hover.png) no-repeat center;
}

/* line 111, ../sass/SocialPeoInfo.scss */
.hfixed .myCircle {
  display: none;
}

/* line 114, ../sass/SocialPeoInfo.scss */
.myCircleHeight {
  height: 140px;
}

/* line 117, ../sass/SocialPeoInfo.scss */
.myCircle {
  width: 240px;
  border-top: 1px solid #eef0f1;
  margin: 0 auto;
  margin-top: 30px;
  padding-top: 20px;
}
/* line 123, ../sass/SocialPeoInfo.scss */
.myCircle .myCircleList {
  overflow: hidden;
}
/* line 126, ../sass/SocialPeoInfo.scss */
.myCircle .showMoreMyCircle {
  font-size: 14px;
  font-family: "Microsoft YaHei";
  color: gray;
  text-align: center;
  width: 182px;
  height: 34px;
  line-height: 34px;
  border: 1px solid #eaecef;
  background-color: rgba(0, 153, 229, 0);
  cursor: pointer;
  margin: 0 auto;
  margin-bottom: 25px;
}
/* line 139, ../sass/SocialPeoInfo.scss */
.myCircle .showMoreMyCircle i {
  position: relative;
  left: 6px;
  top: -3px;
  display: inline-block;
  width: 9px;
  height: 5px;
  background: url(../../images/icon19.png) no-repeat;
}
/* line 148, ../sass/SocialPeoInfo.scss */
.myCircle .showMoreMyCircle:hover {
  border-color: #dcdee0;
}

/* line 153, ../sass/SocialPeoInfo.scss */
.myCircle h4 {
  font-size: 14px;
  font-family: "Microsoft YaHei";
  color: #404040;
  margin-bottom: 20px;
}

/* line 159, ../sass/SocialPeoInfo.scss */
.myCircle .myCircleListItem {
  width: 105px;
  height: 30px;
  margin-bottom: 15px;
}
/* line 163, ../sass/SocialPeoInfo.scss */
.myCircle .myCircleListItem:nth-child(2n+1) {
  margin-right: 15px;
}
/* line 166, ../sass/SocialPeoInfo.scss */
.myCircle .myCircleListItem img {
  float: left;
  width: 30px;
  height: 30px;
  margin-right: 10px;
}
/* line 172, ../sass/SocialPeoInfo.scss */
.myCircle .myCircleListItem span {
  float: left;
  display: inline-block;
  width: 65px;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-family: "Microsoft YaHei";
  color: gray;
  text-align: left;
}
